{% include "header.html" %}
  
  <!-- CONTEÚDO -->
  <div class="container left">
    <div class="content table center"> 
      
      <!-- CONTEÚDO PRIMÁRIO -->
      <div class="primary left"> 
       
        <!-- DESTAQUES -->
        <div class="noticias2 boxPattern left">
          <h3 class="titleLarge relative left"><span class="iconset i-estrela"></span>Destaques</h3>
          {% for destaques in destaques.object_list|slice:"0:15" %}
		  <div class="boxNoticias left">

            <div class="boxNoticias2 left"><a href="{{ destaques.get_absolute_url }}" title=""><strong>{{ destaques.titulo }}</strong></a><p>  {{ destaques.subtitulo }}</p>
            </div>
             	<div class="autorNoticia left">
             		<span class="autorNome">Por {{ destaques.autor }}</span><p>Atualizado em {{ destaques.publicacao }}</p>
                </div>
              <div class="box-redes">
<!-- Google Orkut Share Element -->
<div class="redesociais">
<div id="orkut_share" style="width:100%;"></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
        google.load('orkut.share', '1');
</script>
<a alt="Orkut" href="javascript:enviarOrkut('', '{$materia->subtitulo|stripslashes}.', '{{ destaques.get_absolute_url }}');" title="Envie essa not&iacute;cia para seus amigos no Orkut" >
<img src="http://jesperastrom.com/images/orkut-icon.jpg" alt="Compartilhar no Orkut" width="25" height="25" /></a>
<script type="text/javascript">
function enviarOrkut(titulo, subtitulo, link){
        var params = {};
        params[google.orkut.share.Field.TITLE] = titulo;
        params[google.orkut.share.Field.DESTINATION_URL] = link;
        params[google.orkut.share.Field.CONTENT] = subtitulo;
        var connection = new google.orkut.share.Connection(params);
        connection.send('orkut.com', {});
}
</script>
</div>

<div class="redesociais twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="InstitutoGalaxy" rel="nofollow">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div class="redesociais plus">
<g:plusone size="medium" style="width:68px!important;"></g:plusone>
</div>
<div class="redesociais facebook1">
<iframe src="http://www.facebook.com/plugins/like.php?href=www.institutogalaxy.com.br{{ destaques.get_absolute_url }}&%0Alayout=standard&show_faces=false&width=380&action=like&colorscheme=light&height=30" style="border: medium none; overflow: hidden; width: 300px; height: 30px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
</div>

</div>

            </div>
          	<div class="boxcontent2 left">
            	<div class="imagemNoticia left"><img src='/media/{{ destaques.imagem_destaque }}' width="175" height="165" alt="notice 01" /></div>
            	<span class="textNoticia left">{{ destaques.conteudo|safe }}</span>
            </div>
          	<div class="foot left"><a href="{{ destaques.get_absolute_url }}" title="Leia mais">Leia mais<span class="i-more">+</span></a>
          	</div>
          {% endfor %}
            <div class="paginacao">
    <span class="step-links">
        {% if destaques.has_previous %}
            <a href="?page={{ destaques.previous_page_number }}">anterior</a>
        {% endif %}

        <span class="current">
            Página {{ destaques.number }} de {{ destaques.paginator.num_pages }}
        </span>

        {% if destaques.has_next %}
            <a href="?page={{ destaques.next_page_number }}">Proxíma</a>
        {% endif %}
    </span>
</div>

          </div>

	<!--FIM DE Destaques-->


      </div>
      <!-- // FIM CONTEÚDO PRIMÁRIO -->

      <!-- CONTEÚDO SECUNDÁRIO -->
      <div class="secondary left">

       <!-- NOTICIAS -->
       <div class="destasques boxPattern left">
       	<h3 class="titleSmall relative left"><span class="iconset i-artigos"></span>Notícias</h3>
       	<div class="boxDestaques left">


               <ul class="listaDestaques left">
            	{% for noticias in noticias %}
                 <a href="{{ noticias.get_absolute_url }}" title="" >
            	<li class="listaDestaquesContainer">
                	<img class="imgDestaq" src='/media/{{ noticias.imagem_destaque }}' width="60" height="30" alt="noticia 01" /><span class="listaInterna">{{ noticias.titulo }}</span>
                </li>  </a>
            	{% endfor %}
            </ul>

           <div class="verTodas left"> <a href="{%url ingenium.views.noticias%}" title="" class="vTodas">ver todas<span class="i-more">+</span></a> </div>
           </div>
           </div>
       <!-- FIM DE NOTICIAS -->

        <!-- VIDEOS -->

        	<div class="videos boxPattern left">

            	<h3 class="titleSmall relative left"><span class="iconset i-videos"></span>Vídeos</h3>

                <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=GalaxyTeresina&synd=open&w=285&h=290&title=&border=%23ffffff%7C3px%2C0px+solid+%23999999&output=js"></script>

            </div>

        <!-- // FIM VIDEOS -->

            <!-- VAGAS RECENTES -->

        	<div class="vagas boxPattern left">



            	<h3 class="titleSmall relative left"><span class="iconset i-vagas"></span>Vagas Recentes</h3>

                <div class="boxVagas left">

                	<div class="feedVagas table left" id="bino">


                        <ul class="feedVagasContainer left">

                        {% for vaga in vaga %}

                        	<li>

                        		<a href="#" title="" class="boxVaga left">

                            		<span class="cargo left">{{ vaga.descricao }}</span>

                                    <span class="perfil left"><strong class="titulo">Perfil:</strong><strong class="resposta">{{ vaga.observacao }}</strong>...</span>

                                    <span class="area left"><strong class="titulo">Área de atuação:</strong><strong class="resposta">{{ vaga.area }}</strong></span>

                                    <span class="iconset arrowFeed"></span>

                                </a>

                            </li>

                        {% endfor %}

                        </ul>

                    </div>

                        <div class="verTodas left">

                            <a href="#" title="" class="vTodas">ver todas<span class="i-more">+</span></a>

                        </div>


                </div>



            </div>

        	<!-- // VAGAS RECENTES -->


        <!-- REDES SOCIAIS -->
        <div class="sociais boxPattern no-marginBottom left">
          <div class="sociaisBox table boxer left">
            <ul class="titleAbas">
              <li><a class="facebook left " href="#tab1" title="Facebook"><span class="iconset i-face"></span>FACEBOOK</a></li>
              <li><a class="twitter left" href="#tab2" title="Twitter"><span class="iconset i-twit"></span>TWITTER</a></li>
            </ul>
            <div class="contentRedesociais left">

              <!-- FACEBOOK -->
              <div id="tab1" class="tabRedesociais"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FInstituto-Galaxy-Consultoria-e-Treinamento%2F208204072548213&amp;width=293&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:293px; height:340px;" allowTransparency="true"></iframe></div>

              <!-- TWITTER -->
              <div id="tab2" class="tabRedesociais"><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 293,
  height: 253,
  theme: {
    shell: {
      background: '#f29500',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#004084',
      links: '#0088ff'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
  }
}).render().setUser('InstitutoGalaxy').start();
</script>
			</div>
            </div>
          </div>
		</div>
        <!-- // REDES SOCIAIS -->


        </div>
        <!-- // FIM CONTEÚDO SECUNDÁRIO -->


  </div>
   </div>
  <!-- // FIM CONTEÚDO -->

{% include "rodape.html" %}
    

